<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>
<div>
    <!-- 参考:https://wuwenbin.me/

    <div class="leftdiv">
         <#list data as blog>
             <a href="${blog.display_url}" target="_blank"> ${blog.title}</a> ${blog.behot_time} </br>
         </#list>
    </div>
    -->

    <div id="main-body" class="layui-container">
        <div class="layui-row layui-col-space10">
            <div id="article-list" class="layui-col-md12">
                <#list data as blog>
                    <div class="layui-collapse layui-panel layui-article animated fadeInUp">
                        <div class="layui-colla-item">
                            <div class="layui-colla-content layui-show layui-article">
                                <fieldset class="layui-elem-field layui-field-title">
                                    <div class="layui-field-box has-pic">
                                        <div class="layui-row layui-col-space10">
                                            <div class="layui-col-lg10 layui-col-md10 layui-col-sm10 layui-col-xs12">
                                                <a href="${blog.display_url}" target="_blank"> ${blog.title}</a>
                                            </div>
                                        </div>
                                        <div class="operation">
                                            <div class="tags"><i class="fa fa-tag"></i> ${blog.behot_time}</span>
                                            </div>
                                        </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </#list>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="layui/layui.js"></script>
</body>
</html>